@charset 'utf-8';

body{
	background: url(../images/bg.png) top center no-repeat;
	width: 7.5rem;
	/*background-size: 100% 100%;*/
	margin: 0 auto;
	padding-bottom: 1.7rem;
}


.wrap1{
	padding-top: 2.4rem;
}
.wrap1 img{
	width: 100%;
}
.wrap2{
	text-align: center;
	margin-bottom: .24rem;
	margin-top: .36rem;
}
.wrap2 img{
	width: 6.45rem;
}
.wrap3{
	position: relative;
	margin-bottom: .5rem;
}
.wrap3 .title{
	text-align: center;
}
.wrap3 .title img{
	height: .68rem;
}
.wrap3 .list{
	width: 100%;
	height: 3.48rem;
	overflow-x: auto;
	white-space: nowrap;
	box-sizing: border-box;
	padding-top: .42rem;
	background: url(../images/bg1.png);
	margin-top: .18rem;
	box-shadow: 0 .1rem .1rem 0 #ac4148;
}
.wrap3 .list a{
	display: inline-block;
	width: 1.9rem;
	margin-right: .26rem;
}
.wrap3 .list a:first-child{
	margin-left: .2rem;
}
.wrap3 .list a img{
	width: 100%;
	height: 2.48rem;
}
.wrap3 .list a p{
	color: #fff;
	font-size: .24rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: .42rem;
}
.wrap3 .ic{
	position: absolute;
	z-index: 2;
}
.wrap3 .ic1{
	width: .96rem;
	top: -.05rem;
	left: .8rem;
}
.wrap3 .ic2{
	width: 1.45rem;
	top: -.98rem;
	right: .32rem;
}
.wrap3 .ic3{
	width: 1.71rem;
	top: -.57rem;
	left: .56rem;
}
.wrap3 .ic4{
	width: 2.56rem;
	top: -.1rem;
	right: .24rem;
}
.wrap3 .ic5{
	width: 1.8rem;
	top: -.65rem;
	left: .42rem;
}
.wrap3 .ic6{
	width: 2.25rem;
	top: -.65rem;
	right: 0;
}
.wrap3 .ic7{
	width: 4.63rem;
	top: .25rem;
	left: 0;
}